.content-wrap {
  width: 100%;
  height: 100%; }
  .content-wrap .header-bg {
    width: 100%;
    height: 4.42667rem;
    background-image: url(../images/header-bg.png); }
  .content-wrap .content {
    width: 100%;
    padding: 0 0.4rem; }

.title {
  color: #fff;
  font-size: 0.48rem;
  text-align: center;
  width: 100%;
  height: 1.49333rem;
  line-height: 1.49333rem;
  margin-top: -4.48rem;
  font-weight: 700; }

.information {
  width: 100%;
  height: 4.16rem;
  border-radius: 15px;
  background: #fff;
  padding: 0.4rem;
  margin-top: -0.13333rem; }
  .information .information-top {
    width: 100%;
    height: 1.46667rem;
    border-bottom: 1px dashed #D9D9D9; }
    .information .information-top .headportrait {
      width: 1.2rem;
      height: 1.2rem;
      border-radius: 100px;
      overflow: hidden; }
      .information .information-top .headportrait img {
        width: 100%;
        height: 100%; }
    .information .information-top .idmessage {
      margin-left: 0.4rem;
      margin-top: 0.32rem; }
      .information .information-top .idmessage a {
        font-size: 0.4rem;
        color: #333; }
    .information .information-top .signin {
      width: 2rem;
      height: 0.77333rem;
      border-radius: 16px;
      background: #ffb811;
      font-size: 0.32rem;
      text-align: center;
      line-height: 0.77333rem;
      color: #fff;
      margin-top: 0.21333rem; }
  .information .information-bottom .balance {
    width: 33.33%; }
    .information .information-bottom .balance .number {
      width: 100%;
      text-align: center;
      color: #333;
      height: 0.53333rem;
      font-size: 0.42667rem;
      margin-top: 0.21333rem; }
    .information .information-bottom .balance .text {
      width: 100%;
      font-size: 0.29333rem;
      text-align: center;
      color: #B1B1B2;
      margin-top: 0.10667rem; }
      .information .information-bottom .balance .text .cashwithdrawal {
        display: inline-block;
        width: 1.06667rem;
        height: 0.53333rem;
        background: #E5463D;
        color: #fff;
        border-radius: 50px;
        line-height: 0.53333rem;
        font-size: 0.32rem; }
  .information .information-bottom .earningstoday {
    width: 33.33%; }
    .information .information-bottom .earningstoday .number {
      width: 100%;
      text-align: center;
      height: 0.53333rem;
      color: #333;
      font-size: 0.42667rem;
      margin-top: 0.21333rem; }
    .information .information-bottom .earningstoday .text {
      width: 100%;
      font-size: 0.29333rem;
      text-align: center;
      color: #B1B1B2;
      line-height: 0.53333rem;
      margin-top: 0.10667rem; }
  .information .information-bottom .accumulatedincome {
    width: 33.33%; }
    .information .information-bottom .accumulatedincome .number {
      width: 100%;
      text-align: center;
      height: 0.53333rem;
      color: #333;
      font-size: 0.42667rem;
      margin-top: 0.21333rem; }
    .information .information-bottom .accumulatedincome .text {
      width: 100%;
      font-size: 0.29333rem;
      text-align: center;
      color: #B1B1B2;
      line-height: 0.53333rem;
      margin-top: 0.10667rem; }

.tips-wrap {
  width: 100%;
  height: 0.8rem;
  background: #F4F4F4;
  border-radius: 50px;
  margin-top: 0.32rem;
  line-height: 0.8rem;
  text-indent: 1.06667rem;
  font-size: 0.37333rem;
  color: #333;
  position: relative; }
  .tips-wrap .notice {
    position: absolute;
    width: 0.53333rem;
    height: 0.53333rem;
    left: 0.4rem;
    top: 0.13333rem; }
    .tips-wrap .notice img {
      width: 100%;
      height: 100%; }

.task-wrap {
  margin-top: 0.32rem;
  width: 100%;
  height: 5.33333rem; }
  .task-wrap .big-task {
    width: 50%;
    height: 100%; }
    .task-wrap .big-task .task-content {
      margin-right: 0.13333rem;
      height: 100%;
      border-radius: 10px;
      background-color: #965efe;
      background-image: url(../images/bg1.png);
      background-size: 100% 80%;
      background-position: 100% 100%;
      background-repeat: no-repeat;
      overflow: hidden; }
      .task-wrap .big-task .task-content .top {
        font-size: 0.50667rem;
        color: #fff;
        margin-top: 0.4rem;
        margin-left: 0.66667rem; }
      .task-wrap .big-task .task-content .bot {
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.34667rem;
        margin-left: 0.66667rem;
        margin-top: 0.08rem; }
  .task-wrap .small-task {
    width: 50%;
    padding-left: 0.13333rem; }
    .task-wrap .small-task .task-top {
      width: 100%;
      height: 2.53333rem;
      border-radius: 10px;
      background-size: 60% 100%;
      background-position: 100%;
      background-repeat: no-repeat;
      background-color: #25bcc7;
      background-image: url(../images/bg2.png);
      overflow: hidden; }
      .task-wrap .small-task .task-top .top {
        font-size: 0.50667rem;
        color: #fff;
        margin-top: 0.4rem;
        margin-left: 0.66667rem; }
      .task-wrap .small-task .task-top .bot {
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.34667rem;
        margin-left: 0.66667rem;
        margin-top: 0.08rem; }
    .task-wrap .small-task .task-bottom {
      width: 100%;
      height: 2.53333rem;
      border-radius: 10px;
      margin-top: 0.26667rem;
      background-size: 60% 100%;
      background-position: 100%;
      background-repeat: no-repeat;
      background-color: #355ff8;
      background-image: url(../images/bg3.png);
      overflow: hidden; }
      .task-wrap .small-task .task-bottom .top {
        font-size: 0.50667rem;
        color: #fff;
        margin-top: 0.4rem;
        margin-left: 0.66667rem; }
      .task-wrap .small-task .task-bottom .bot {
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.34667rem;
        margin-left: 0.66667rem;
        margin-top: 0.08rem; }

.popular-wrap {
  width: 100%;
  margin-top: 0.26667rem; }
  .popular-wrap .popular-text {
    font-size: 0.42667rem;
    color: #333; }

.banner-wrap {
  width: 100%;
  height: 5.33333rem;
  margin-top: 0.26667rem; }
  .banner-wrap .swiper-container {
    width: 100%;
    height: 100%; }
  .banner-wrap img {
    width: 100%;
    height: 100%; }
